<template>
  <h1>隐藏显示指令</h1>
  <p>小红</p>
  <p v-if="false">小绿</p>
<!-- v-else 会找上面 离自己最近的v-if值进行取反    -->
  <p v-else>小紫</p>
  <p v-if="true">小蓝</p>
  <p v-else>小黄</p>
  <hr>
  <p>张三</p>
  <p v-show="false">李四</p>
  <p v-show="true">王五</p>
</template>

<script setup>

</script>

<style scoped>

</style>